<article id="content" class="cols-c">
    <div>
        <form action="./" method="post" class="module-b">
            <fieldset>
                <nav class="pagination-a">
                    <p>Page 01 of 06</p>
                    <ol style="background-color: white;border: 1px solid #FFFFFF;max-height:30px;">
                        <div id="pagination" class="collection_paginator" style="margin-top:-20px">
                            <%#= will_paginate @transports , :previous_label => '<', :next_label => '>'  %>
                        </div>
                    </ol>
                </nav>
                <p class="select-b">
                    <label for="mba">Short by:</label>
                    <select id="mba" name="mba">
                        <option>Availability</option>
                        <option>Availability</option>
                        <option>Availability</option>
                        <option>Availability</option>
                        <option>Availability</option>
                    </select>
                </p>
                <p class="check-b">
                    <label for="fcba"><input type="radio" id="fcba" name="fcb"> List</label>
                    <label for="fcbb"><input type="radio" id="fcbb" name="fcb"> Map</label>
                </p>
            </fieldset>
        </form>
        <div class="news-b">
            <%= render partial: 'pages/transport' %>
            <footer>
                <!-- <nav class="pagination-a">
                    <p>Page 01 of 06</p>
                    <ol>
                        <li class="prev"><a href="./">Previous</a></li>
                        <li class="active"><a href="./">01</a></li>
                        <li><a href="./">02</a></li>
                        <li><a href="./">03</a></li>
                        <li><a href="./">04</a></li>
                        <li class="next"><a href="./">Next</a></li>
                    </ol>
                </nav> -->
            </footer>
        </div>
    </div>
    <aside>
        <%= form_tag "transports_package", :method => "GET", :class => "form-d", :remote => true do %>
            <fieldset>
                <legend>Refine search result</legend>
                <div class="accordion-a">
                    <h3 class="active">Area</h3>
                    <div>
                        <ul class="check-d">
                            <% Area.all.each do |area| %>
                                <li>
                                    <label for="<%= area.area %>">
                                        <input type="checkbox" id="<%= area.area %>" name="area[]" value="<%= area.id %>"> <%= area.area %>
                                    </label>
                                </li>
                            <% end %>
                        </ul>
                    </div>
                    <h3 class="active">Price Range</h3>
                    <div>
                        <div class="bar-price-transport"></div>
                    </div>
                    <h3 class="active">Person</h3>
                    <div>
                        <div class="bar-transport-day"></div>
                    </div>
                </div>
                <p class="submit"><button type="submit">Submit all</button></p>
            </fieldset>
        <% end %>
    </aside>
</article>
            